<template>
  <div>
    <School />
    <hr />
    <Student />
  </div>
</template>

<script>
import School from "./components/School.vue";
import Student from "./components/Student.vue";
// 如果不同样式名同名，后引入的会将先引入的覆盖掉
// 解决方法：为style标签添加 scoped 属性

export default {
  // 组件名称
  name: "Vue2App",

  // 注册子组件
  components: {
    School,
    Student,
  },
};
</script>

<!-- 不加 scoped 样式是全局的任何组件内的模版都可以使用 -->
<style>
.title {
  color: red;
}
</style>
